<script setup></script>
<template>
    <el-card shadow="hover">
        <template #header>
            <div class="top">
                <img src='../../../assets/images/user.png' />
                <div class="info">
                    <h2>Admin</h2>
                    <p>超级管理员</p>
                </div>
            </div>
        </template>
        <div class="login-info">
            <p class="time">上次登陆时间:<span>2025-12-27</span></p>
            <p class="adress">上次登陆地点:<span>湖北武汉</span></p>
        </div>
    </el-card>
</template>
<style lang="less" scoped>
.top {
    display: flex;
    justify-content: left;
    align-items: center;

    img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
    }

    .info {
        margin-left: 20px;

        h2 {
            font-size: 40px;
        }

        p {
            margin-top: 10px;
            color: #6b6e76;
        }
    }
}

.login-info {
    font-size: small;
    color: #6b6e76;

    span {
        margin-left: 10px;
    }

    .time {
        margin-bottom: 10px;
    }
}
</style>